@extends('layouts.app')
@section('title', '借贷申请')

@section('content')
    {{--<div class="container-fluid">
        <div class="row">
            <h3 class="text-center">借款人基本信息</h3>
        </div>
        <div class="row margint">
            <div class="form">
                <form id="addForm" action="{{ route('loans.store') }}" method="post">
                    {{ csrf_field() }}
                    <input type="hidden" name="id" value="{{ $id }}">

                    <div class="form-group animation">
                        <label class="col-md-2 control-label">借款姓名</label>
                        <div class="input-group">
                            <span class="input-group-addon">
                                <i class="iconfont icon-geren " ></i>
                            </span>
                            <input class="form-control "  type="text" name="name"  placeholder="NAME" style=" width: 70%">
                        </div>
                    </div>
                    <div class="form-group delay1 animation">
                        <label class="col-md-2 control-label">联系方式</label>
                        <div class="input-group">
                            <span class="input-group-addon">
                                <i class="iconfont icon-tel " ></i>
                            </span>
                            <input class="form-control "  type="text"  placeholder="TEL" name="tel" style=" width: 70%">
                        </div>
                    </div>
                    <div class="form-group delay2 animation">
                        <label class="col-md-2 control-label">身份证</label>
                        <div class="input-group">
                            <span class="input-group-addon">
                                <i class="iconfont icon-id " ></i>
                            </span>
                            <input class="form-control "  type="text"  placeholder="ID" name="id" style=" width: 70%">
                        </div>
                    </div>
                    <div class="form-group delay3 animation">
                        <label class="col-md-2 control-label">家庭地址</label>
                        <div class="input-group">
                            <span class="input-group-addon">
                                <i class="iconfont icon-dizhi " ></i>
                            </span>
                            <input class="form-control "  type="text" name="addr"  placeholder="ADDRESS" style=" width: 70%">
                        </div>
                    </div>
                    <div class="form-group delay4 animation">
                        <label class="col-md-2 control-label">电子邮件</label>
                        <div class="input-group">
                            <span class="input-group-addon">
                                <i class="iconfont icon-dianziyoujian " ></i>
                            </span>
                            <input class="form-control "  type="text"  placeholder="EMAIL" name="email" style=" width: 70%">
                        </div>
                    </div>
                    <div class="form-group delay4 but">
                        <div class="input-group">
                            <a>
                                <button class="btn btn-primary" >下一步</button>
                            </a>
                        </div>
                    </div>

                </form>
            </div>
        </div>
    </div>--}}
    <div class="container" id="formOutterWrapper">
        <div class="container" id="formInnerWrapper">
            <h2 class="text-center">申请表</h2>
            <form id="materialForm" class="form" method="post" action="{{ route('loans.store')}}" role="form" autocomplete="off" >
                {{ csrf_field() }}
                <input type="hidden" name="id" value="{{ $id }}" id="id">
                <div class="form-group row">
                    <div class="col-xs-6">
                        <label class="labels" for="name">用户名</label>
                        <input type="text" class="formInput" id="name" name="name">
                    </div>
                    <div class="col-xs-6">
                        <label class="labels" for="id_card">身份证</label>
                        <input type="text" class="formInput" id="id_card" name="id_card">
                    </div>
                </div>
                <div class="form-group row">
                    <div class="col-xs-6 ">
                        <label class="labels" for="email">电子邮件</label>
                        <input type="text" class="formInput" id="email" name="email">
                    </div>
                    <div class="col-xs-6 ">
                        <label class="labels" for="tel">联系电话</label>
                        <input type="tel" class="formInput" id="tel" name="tel">
                    </div>
                </div>
                <div class="form-group row">
                    <div class="col-xs-12">
                        <label class="labels" for="addr">家庭地址</label>
                        <input type="text" class="formInput" id="addr" name="addr">
                    </div>
                </div>
                <div class="form-group row">
                    <div class="col-xs-6">
                        <label class="labels" for="money">贷款金额</label>
                        <input type="text" class="formInput" id="money" name="money" min="1">
                    </div>
                    <div class="col-xs-6">
                        <label class="labels" >还款期限</label>
                        <div class="poss">
                            {{--<input type="radio" name="iCheck" class="year" checked><span>1年</span>
                            <input type="radio" name="iCheck" class="year"><span>3年</span>
                            <input type="radio" name="iCheck" class="year"><span>5年</span>--}}
                            <label class="radio-inline">
                                <input type="radio" name="year" class="year" value="1" checked> 1 年
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="year" class="year" value="3"> 3 年
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="year" class="year" value="5"> 5 年
                            </label>
                        </div>
                    </div>
                </div>
                <div class="form-group row">
                    <div class="col-xs-12">
                        <h3>抵押物图片上传</h3>
                        <div class="dropzone" id="dropzone">
                            <div class="fallback">
                                <input type="file" id="file" name="file" multiple/>
                            </div>
                        </div>
                        <div id="file_update"></div>
                        <span class="input-tips hidden-xs">
                            <i class="fa fa-info-circle"></i>
                            可直接拖拽文件进行上传，支持的格式为：png、jpg、jpeg，每个大小限制为：2MB，最多只能添加3个文件
                        </span>
                    </div>

                </div>

                <div class="form-group row">
                    <div class="col-xs-12 text-center">
                        <button class="btn btn-primary btn-widthsize" id="submit">提交</button>
                    </div>
                </div>

            </form>
        </div>
    {{--<link rel="stylesheet" type="text/css"  href="{{ asset('css/loans/basic.css') }}"/>--}}

@endsection

@section('style')
    <link rel="stylesheet" type="text/css"  href="{{ asset('css/loans/materialFormStyles.css') }}"/>
    <link rel="stylesheet" type="text/css"  href="{{ asset('plugin/iCheck/skins/square/blue.css') }}"/>
    <link rel="stylesheet" type="text/css"  href="{{ asset('plugin/dropzone/dropzone.css') }}"/>
@endsection

@section('script')
    {{--<script src="{{ asset('js/loans/basic.js') }}"></script>--}}
    <script src="{{ asset('js/loans/materialForm.js') }}"></script>
    <script src="{{ asset('plugin/iCheck/icheck.js') }}"></script>
    <script src="{{ asset('plugin/dropzone/dropzone.js') }}"></script>
    {{--<script src="{{ asset('plugin/webuploader/webuploader.min.js') }}"></script>--}}
@endsection
